<template>
  <div>
    <h1>主页--上-左-右</h1>
    <p>{{ $store.state.user.username }}</p>
    <p>{{ uu }}</p>
    <p>{{ username }}</p>

    <hr />
    <p>{{ $store.getters.username }}</p>
    <p>{{ username }}</p>
    <p>{{ token }}</p>
  </div>
</template>

<script>
import { mapState, mapGetters } from "vuex";
export default {
  data() {
    return {};
  },

  computed: {
    uu() {
      return this.$store.state.user.username;
    },
    ...mapGetters(["username", "token"]),
  },
};
</script>

<style lang="scss" scoped>
</style>